<template>
  <div class="box">
    <a-tabs style="height: 100%">
      <a-tab-pane key="1" tab="碳排放汇总表"><Factory /></a-tab-pane>
      <a-tab-pane key="2" tab="单船研究数据汇总表"><ShipEmission /></a-tab-pane>
      <a-tab-pane key="3" tab="单船物量信息汇总表"><ShipVolume /></a-tab-pane>
      <a-tab-pane key="4" tab="标定研究数据汇总表"><Calibrate /></a-tab-pane>
    </a-tabs>
  </div>
</template>

<script setup>
import Factory from "./Report/factory.vue";
import ShipEmission from "./Report/ship_emission.vue";
import ShipVolume from "./Report/ship_volume.vue";
import Calibrate from "./Report/calibrate.vue";
</script>

<style lang="less" scoped>
.box {
  padding: 10px;
  height: 100%;

  :deep(.ant-tabs-content) {
    height: 100%;
  }
}
</style>
